<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>兄弟选择器</title>
    <style type="text/css">
        /*
        div标签的所有第第里span标签
        */
        div~span{
            color:red;
            font-size: 20px;
        }
        /*
        div标签的所有弟弟里距离最近的span标签
        */
       div+span{
            color:red;
        }



    </style>
</head>
<body>
<span>
    我是div的哥哥3
</span><br/>
<span>
    我是div的哥哥2
</span><br/>
<span>
    我是div的哥哥1
</span><br/>
<div>
    我是div里的内容！
</div>
<span>
    我是div的弟弟1
</span>
<br/>
<span>
    我是div的弟弟3
</span>
<br/>
<span>
    我是div的弟弟5
</span>
<br/>
</body>
</html>